<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../css/shouye/dianPu_detail.css"/>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back back">
        <img src="../../img/shouye/icon_back@2x.png" alt=""/>
    </a>
    <div class="mui-title">
        店铺详情
    </div>
    <!--分享-->
    <a href="javasvript:;" class="ss">
        <img src="../../img/shouye/fenxiang.png"/>
    </a>
</header>
<div class="mui-content">
    <input type="hidden" id="product_templete" value="1"/>
    <div class="banner">
        <div>
            <a id="search_url">
                <img src="../../img/shouye/icon_sousuo@2x.png" alt=""/>
                <input type="search" placeholder="搜索店内商品" id="searchBox"/>
            </a>
        </div>

    </div>
    <div class="dianpu" id="dianpu">
        <div class="dianpu_left">
            <img src="../../img/shouye/dianpu.png"/>
        </div>
        <div class="dianpu_right">
            <p class="mui-ellipsis">北京烤鸭</p>
            <p class="mui-ellipsis">好吃</p>
        </div>
    </div>
    <div id="slider" class="mui-slider">
        <div id="sliderSegmentedControl"
             class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#item1mobile">
                商品
            </a>
            <a class="mui-control-item" href="#item2mobile">
                评价
            </a>
            <a class="mui-control-item" href="#item3mobile">
                店铺
            </a>
        </div>
        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
        <div class="mui-slider-group">

            <div id="item1mobile" class="mui-slider-item mui-control-content mui-active mui-row mui-fullscreen">
                <div class="mui-col-xs-3 celan">
                    <div id="segmentedControls1"
                         class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
                        <script id="segmentedControls1_templete" type="text/html">
                            {{each personShopCanList value i}}
                            {{if i==0}}
                            <a class="mui-control-item mui-active" href="#item{{value.canid}}">{{value.canname}}</a>
                            {{/if}}
                            {{if i>0}}
                            <a class="mui-control-item" href="#item{{value.canid}}">{{value.canname}}</a>
                            {{/if}}
                            {{/each}}
                        </script>
                    </div>
                </div>
                <div id="segmentedControlContents1" class="mui-col-xs-9">
                    <script id="segmentedControlContents1_templete" type="text/html">
                        {{each personShopCanList value i}}
                        {{if ext1==value.canid}}
                        <div id="item{{value.canid}}" class="mui-control-content mui-active">
                            <ul class="list_main listt">
                                {{each value.productList item j}}
                                <li class="product-li">
                                    <div class=" listt_left">
                                        <img src="{{item.pictures}}" alt=""/>
                                    </div>
                                    <div class="listt_right" data-id="{{item.productId}}" data-price="{{item.price}}"
                                         data-name="{{item.name}}">
                                        <p>
                                            {{item.name}}
                                        </p>
                                        <p>
                                            <span>{{item.promoName}}</span>
                                        </p>
                                        <p>
                                            月售:<span>{{item.monthSaleNumber}}</span>
                                        </p>
                                        <p>
                                            <span>¥{{item.price}}</span>
                                        </p>
                                        <p class="mai" style="display: none;">

                                        </p>
                                        <p class="choose" style="display: block;">
                                            <input type="button" class="sub ss"/>
                                            <span class="fenshu1" id="{{PRODUCTKEY}}{{item.productId}}">0</span>
                                            <input type="button" class="add aa"/>
                                        </p>
                                    </div>
                                    <a class="clickSkip" data-product-id="{{item.productId}}"
                                       style="position:absolute;top:0;left:0;width:70%;height:100%"></a>
                                </li>
                                {{/each}}
                            </ul>
                        </div>
                        {{/if}}
                        {{if ext1!=value.canid}}
                        <div id="item{{value.canid}}" class="mui-control-content">
                            <ul class="list_main listt">
                                {{each value.productList item j}}
                                <li class="product-li" data-product-id="{{item.productId}}">
                                    <div class="listt_left">
                                        <img src="{{item.pictures}}" alt=""/>
                                    </div>
                                    <div class="listt_right" data-id="{{item.productId}}" data-price="{{item.price}}"
                                         data-name="{{item.name}}">
                                        <p>
                                            {{item.name}}
                                        </p>
                                        <p>
                                            <span>{{item.promoName}}</span>
                                        </p>
                                        <p>
                                            月售:<span>186</span> 赞:<span>88</span>
                                        </p>
                                        <p class="mui-ellipsis">
                                            <span>¥{{item.price}}</span>
                                        </p>
                                        <p class="mai">

                                        </p>
                                        <p class="choose">
                                            <input type="button" class="sub ss"/>
                                            <span class="fenshu1" id="{{PRODUCTKEY}}{{item.productId}}">0</span>
                                            <input type="button" class="add aa"/>
                                        </p>
                                    </div>
                                    <a class="clickSkip" data-product-id="{{item.productId}}"
                                       style="position:absolute;top:0;left:0;width:70%;height:100%"></a>
                                </li>
                                {{/each}}
                            </ul>
                        </div>
                        {{/if}}
                        {{/each}}
                    </script>
                </div>
            </div>

            <div id="item2mobile" class="mui-slider-item mui-control-content mui-row mui-fullscreen">

                <p class="item2_tit">
                    <span>顾客1</span>
                    <span>热情好客</span>
                    <span>
								<img src="../../img/shouye/star@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
							</span>
                </p>
                <p class="item2_tit">
                    <span>顾客1</span>
                    <span>热情好客</span>
                    <span>
								<img src="../../img/shouye/star@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
							</span>
                </p>
                <p class="item2_tit">
                    <span>顾客1</span>
                    <span>热情好客</span>
                    <span>
								<img src="../../img/shouye/star@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
								<img src="../../img/shouye/star_1@2x.png" alt=""/>
							</span>
                </p>


            </div>


            <div id="item3mobile" class="mui-slider-item mui-control-content mui-row mui-fullscreen">
                <div class="item3_txt" id="item3_txt">
                    <p class="item3_list">
                        <a href="tel:{{shopPhone}}">
                            <span>电话：</span>
                            <span class="mui-ellipsis">151xxxxxxxx</span>
                            <span><img src="../../img/shouye/phone.png" style="width: 11px;"/></span>
                        </a>
                    </p>
                    <p class="item3_list">
                        <span>地址：</span>
                        <span class="mui-ellipsis">郑州市科学大道</span>
                    </p>
                    <p class="item3_list" style="display: none;">
                        <span>营业时间</span>
                        <span class="mui-ellipsis">8:00 - 23:00</span>

                    </p>
                    <p id="business_license" class="item3_list" data-business-license="{{businessLicense}}">
                        <span>营业执照</span>
                        <span class="mui-ellipsis"></span>
                        <span><img src="../../img/wode/right.png" class="right"/></span>
                    </p>
                    <div class="huanjing" style="display: none;">
                        <p>商家环境照片</p>
                        <ul>
                            <li>
                                <img src="../../img/shouye/huangjing1.png"/>
                                <span>门面</span>
                            </li>
                            <li>
                                <img src="../../img/shouye/huangjing1.png"/>
                                <span>门面</span>
                            </li>
                            <li>
                                <img src="../../img/shouye/huangjing1.png"/>
                                <span>门面</span>
                            </li>
                            <li>
                                <img src="../../img/shouye/huangjing1.png"/>
                                <span>门面</span>
                            </li>
                            <div style="clear: both;"></div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="fenxiang">
    <div class="fenxiang_box">
        <p>分享至</p>
        <ul>
            <li>
                <img src="../../img/shouye/icon_wechat@2x.png" alt=""/>
                <span>微信</span>
            </li>
            <li>
                <img src="../../img/shouye/icon_weibo@2x.png" alt=""/>
                <span>微博</span>
            </li>
            <li>
                <img src="../../img/shouye/icon_qqzone@2x.png" alt=""/>
                <span>QQ空间</span>
            </li>
            <li>
                <img src="../../img/shouye/pengyouquan .png" alt=""/>
                <span>朋友圈</span>
            </li>
            <li>
                <img src="../../img/shouye/icpn_duanxin@2x.png" alt=""/>
                <span>短信</span>
            </li>
            <li>
                <img src="../../img/shouye/icon_copy@2x.png" alt=""/>
                <span>复制</span>
            </li>
        </ul>
    </div>
</div>

<div id="bottomPopover" class="mui-popover mui-popover-bottom Q">
    <p id="buy_car_shopname">
        <script type="text/html" id="buy_car_shopname_templete">{{shopName}}<span id="clear_buy_car"><img
                src="../../img/shouye/qingkong.png"/>清空购物车</span></script>
    </p>
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <ul class="mui-table-view UL" id="buy_car_info">
                <li class="mui-table-view-cell LI" data-id="{{data[value].productId}}"
                    data-price="{{data[value].price}}" data-name="{{data[value].name}}">
                    <p class="mui-ellipsis">
                        商品1
                    </p>
                    <p>
                        ￥12.0
                    </p>
                    <p class="choose1">
                        <span class="sub1 ss"></span>
                        <span class="fenshu1">1</span>
                        <span class="add1 aa"></span>
                    </p>
                </li>
            </ul>

        </div>
    </div>
</div>
<nav class="mui-bar mui-bar-tab">
    <p class="nav">
        <a href="#bottomPopover">
            <img src="../../img/shouye/gwc.png" alt="" id="end"/>
            <span class="fenshu"></span>
        </a>
        <span class="sum">¥0</span>
        <span class="sum1">
		   		<b id="total_money">￥0.00</b>
            <!--<b class="mui-ellipsis">另需配送费￥3.00，餐盒费￥2.00</b>-->
		   	</span>
    </p>
    <p class="submit_order" id="submit">
        去结算
    </p>
    <div></div>
</nav>
</body>
<script src="../../js/mui.min.js"></script>
<script src="../../js/jquery-1.7.2.js"></script>
<script src="../../js/mui.picker.min.js"></script>
<script src="../../js/map.js"></script>
<script src="../../js/template-web.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/shouye/dianPu_detail.js"></script>
<script>
    mui.init({
        swipeBack: false
    });
    (function ($) {
        $('.mui-scroll-wrapper').scroll({
            indicators: true //是否显示滚动条
        });

        var item2 = document.getElementById('item2mobile');
        var item3 = document.getElementById('item3mobile');
        var item4 = document.getElementById('item4mobile');
        var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
        $('.mui-input-group').on('change', 'input', function () {
            if (this.checked) {
                sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
                //force repaint
                sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
            }
        });
    })(mui);

</script>
<script>

</script>
</html>